//对axios二次封装     这页的代码可以查文档
import axios from  'axios'
//引入进度条 start是开始方法在请求拦截器里配置   done是结束方法在响应拦截器配置
import nprogress from 'nprogress';
//在当前模块引入store
import store from '@/store'
//引入进度样式
import "nprogress/nprogress.css"

//利用axios 对象的方法create,去创建一个axios实例
//requests就是axios,只不过稍微配置一下
const requests =axios.create({
    //配置对象
    //基础路径，发请求的时候，路径中会自动添加/api
    baseURL:"/api",
    //代表请求超时的时间，超过时间就请求失败
    timeout:5000,
    
});
//请求拦截器：在请求发送之前，请求拦截器可以检测到并在发送之前做一些事情
requests.interceptors.request.use((config)=>{
    //config：配置对象，对象里面有一个重要属性header请求头
    if(store.state.detail.uuid_token){
        //请求头添加一个字段(userTempId)，与后台商量好了
        config.headers.userTempId=store.state.detail.uuid_token
    }
    //需要携带token带给服务器
  if(store.state.user.token){
    config.headers.token = store.state.user.token;
  }
    nprogress.start()

    return config
})
//响应拦截器：在服务器返回数据之后,检测并做一些事情
requests.interceptors.response.use((res)=>{
    //成功的回调函数
    nprogress.done()
    return res.data
},(error)=>{
    //响应失败的回调函数  下面的代码是终止promise链
    return Promise.reject(new Error('faile'))
})

//对外暴露
export default requests;